<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Black and White</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script src="../js/jquery.min.js"></script>
	<script src="../js/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:0
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:0
					},200);
				}
			});
		});
	</script>
    
    <script type="text/javascript">
function usernameNpassword()
{
if(document.forms["Login"]["username"].value="")
{
alert("Please enter your username!");
}
if(document.forms["Login"]["password"].value="")
{
alert("Please enter your password!");
}
}
</script>
</head>
<body>
<?php
				$username=null;
				$password=null;
				if(isset($_POST['Login']))
				{
				$username = $_POST['username'];
				$password = $_POST['password'];
				}
				if($username!=""&&$password!="" )
				{
					include_once "../Login/Loginvali.php";
				}
				
				else
				{
				$error="Please enter the Username & Password!";
		?>

<div id="wrap">

<div id="header">
<table width="1237" border="0">
  <tr>
    <td width="706" height="119"><h1 class="heaaderte"><font color="#996699" style="text-shadow:#969" size="+6">Schools Management System</font></h1></td>
    <td width="521">&nbsp;</td>
  </tr>
</table>

</div>


		<div id="menu1">
			
	
			<ul>
				<li><a href="#" class="active"><font color="#CCCC66" style="text-shadow:#969" size="+1">Home</font></a></li>
				<li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Schools</font></a></li>
				<li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Teachers</font></a></li>
				<li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Labs</font></a></li>
				<li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Resources</font></a></li>
                <li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Resource Team</font></a></li>
                         <li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Programmes</font></a></li>
                                  <li><a href="#"><font color="#CCCC66" style="text-shadow:#969" size="+1">Competitions</font></a></li>
                 <li></li>
			</ul>
		</div>
 
<div class="left">
  <table width="976" height="410" border="0">
    <tr>
  <td height="12">&nbsp;
  
  </td>
   <td height="12"><img src="images/header11.jpg" alt="" width="637" height="18"/>
  
   </td>
   <td height="12">&nbsp;
  
  </td>
  </tr>
  <tr>
  <td><img src="images/header11.jpg" alt="" width="18" height="29"/>
  </td>
   <td>Past Memories
   </td>
   <td><img src="images/header11.jpg" alt="" width="18" height="29"/>
   </td>
    <td height="29" colspan="4" scope="row">&nbsp;</td>
    <td width="9">&nbsp;
  </td>
   <tr>
    <td height="18">&nbsp;
    </td>
    <td><img src="images/header11.jpg" alt="" width="637" height="18"/>
    </td>
    <td>&nbsp;
    </td>
    <td><img src="images/header11.jpg" alt="" width="268" height="18"/>
    </td>
    </tr>
    
  <tr>
    <td width="19" height="315" scope="row"><img src="images/header11.jpg" alt="" width="20" height="315"/></td>
    <td width="635"><div id="example">
      <div id="example2">
        <div id="slides">
          <div class="slides_container">
            <div class="slide"> <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="../img/i1.jpg" width="570" height="270" alt="Slide 1" /></a></div>
            <div class="slide"> <a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="../img/i3.jpg" width="570" height="270" alt="Slide 2" /></a></div>
            <div class="slide"> <a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="../img/i2.jpg" width="570" height="270" alt="Slide 3" /></a></div>
            <div class="slide"> <a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="../img/i4.jpg" width="570" height="270" alt="Slide 4" /></a></div>
            <div class="slide"> <a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src="../img/i5.jpg" width="570" height="270" alt="Slide 5" /></a></div>
            <div class="slide"> <a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="../img/untitled.bmp" width="570" height="270" alt="Slide 6" /></a></div>
            <div class="slide"> <a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="../img/i5.jpg" width="570" height="270" alt="Slide 7" /></a></div>
          </div>
          <a href="#" class="prev"><img src="../img/arrow-prev.png" width="24" height="43" alt="Arrow Prev" /></a> <a href="#" class="next"><img src="../img/arrow-next.png" width="24" height="43" alt="Arrow Next" /></a></div>
        <img src="../img/example-frame.png" width="592" height="291" alt="Example Frame" id="frame" align="top"/></div>
    </div></td>
    <td width="16"><img src="images/header11.jpg" width="18" height="315"/></td>
    <td width="252"><marquee direction="up" height="290"  style="marquee-speed:slow"><p align="center"><font color="#999999" id="f_si" face="Verdana, Geneva, sans-serif">Schools management system for Northern province</font><br/><br/>
    </p>
    <p><font color="#9999CC" id="f_si1" face="Times New Roman, Times, serif">This system was developed only for the ICT department of the education department of northern province.But this system will modify to other departments as soon as possible.</font></p></marquee></td>
    <td width="16"><img src="images/header11.jpg" alt="" width="18" height="315"/></td>
  </tr><tr>
  <td height="18">&nbsp;</td>
    <td height="18"><img src="images/header11.jpg" width="637" height="18"/></td>
    <td>&nbsp;
    </td>
    <td><img src="images/header11.jpg" alt="" width="268" height="18"/>
    </td>
  </tr>
</table>
<div class="articles"></div>
</div>

<div class="right"> 

<p><font color="#996699" size="+2" face="Lucida Sans Unicode, Lucida Grande, sans-serif">Login </font></p>
<form action="#" method="POST" onsubmit="usernameNpassword()" name="Login">
<table width="200" border="0">
  <tr>
    <td height="18" colspan="4">&nbsp;
    <?php 

				if(isset($_POST['Login'])) 
				echo $error;
?>
                </td>
    </tr>
  <tr>
    <td width="67" height="45"><font color="#9999CC">Username</font> </td>
    <td width="67">&nbsp;</td>
    <td width="99"><input type="text" name="username"/></td>
    
  </tr>
  <tr>
    <td height="45"><font color="#9999CC">Password</font></td>
    <td>&nbsp;</td>
    <td><input type="password" name="password"/></td>
 
  </tr>
  <tr>
    <td height="18">&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="submit" name="Login" value="Login" /></td>
  
  </tr>
</table>
</form>
</div>
 
 <div class="rightmenu12"> 

<table width="222" height="155" border="0" background="">
  <tr>
    <td width="8" rowspan="4">&nbsp;</td>
    <td width="48" height="43"><img src="images/news_icon.JPG" width="43" height="43"/></td>
    <td width="105"><a href="#">Latest news</a></td>
    <td width="43" rowspan="4">&nbsp;</td>
  </tr>
  <tr>
    <td height="56"><img src="images/images.jpg" width="43" height="43"/></td>
    <td><a href="#">Advertisements</a></td>
  </tr>
  <tr>
    <td height="45"><img src="images/download (4).jpg" alt="" width="43" height="43"/></td>
    <td><a href="#">Gallery</a></td>
  </tr>
  
</table>
</div>
<div style="clear: both;"> </div>

<?php 

				if(isset($_POST['Login'])) 
				echo $error;
 ?>

<div id="footer">
  <table width="1217" height="50" border="0">
  <tr>
    <td width="903" height="46">Schools Managemrnt System &copy; 2012 </td>
    <td width="50"><strong><a href="#" class="active">Home</a><a href="#"></a></strong>|</td>
    <td width="50"><strong><a href="#" class="active">Contact Us</a><a href="#"></a></strong>|</td>
    <td width="27"><a href="http//www.facebook.com"><img src="Images/facebook1.png" width="38" height="38"/></a></td>
    <td width="26"><a href="http//twitter.com"><img src="Images/twitter.png" width="38" height="38"/></a></td>
    <td width="26"><a href="http//www.google.lk"><img src="Images/google.png" width="38" height="38"/></a></td>
    <td width="64"><a href=""http="http"//www.yahoo.com""><img src="Images/yahoo.png" width="38" height="38"/></a></td>
  </tr>
</table>
</div>
</div>
</body>
</html>